<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<script>
    $(function () {
        // 下一页
        $(".btn_page").click(function () {
            // 1. 获取当期按钮上的页数
            var pageNo = $(this).data("page") || $("input[name=currentPage]").val();
            // 2. 将该数字设置到currentPage中
            $("input[name=currentPage]").val(pageNo);
            // 3. 提交表单
            $("#searchForm").submit();
        });

        // 每页显示数
        $(":input[name=pageSize]").change(function () {
            // 1. 将当期页重置为1
            $("input[name=currentPage]").val(1);
            // 2. 提交表单
            $("#searchForm").submit();
        });

        // 回显列表数据
        $(":input[name=pageSize] option").each(function (index, item) {
            // 判断当前的option的value是否等于 pageSize
            if ($(item).val() == "${pageResult.pageSize}") {
                // 如果相等，设置为selected
                $(item).prop("selected", true);
            }
        });
    });
</script>
<div class="ui_flt" style="height: 30px; line-height: 30px;">
    共有
    <span class="ui_txt_bold04">${pageResult.totalCount}</span>
    条记录，当前第
    <span class="ui_txt_bold04">${pageResult.currentPage}/${pageResult.totalPage}</span>
    页
</div>
<div class="ui_frt">
    <input type="button" value="首页" class="ui_input_btn01 btn_page" data-page="1"/>
    <input type="button" value="上一页" class="ui_input_btn01 btn_page" data-page="${pageResult.prevPage}"/>
    <input type="button" value="下一页" class="ui_input_btn01 btn_page" data-page="${pageResult.nextPage}"/>
    <input type="button" value="尾页" class="ui_input_btn01 btn_page" data-page="${pageResult.totalPage}"/>

    <select list="{5,10,20,50}" name="pageSize" class="ui_select02">
        <option>5</option>
        <option>10</option>
        <option>20</option>
        <option>50</option>
    </select>
    转到第<input type="text" name="currentPage" value="${pageResult.currentPage}" class="ui_input_txt01" />页
    <input type="button" class="ui_input_btn01 btn_page" value="跳转"/>
</div>